<template>
  <div class="daughter">
    <h3>我是女儿---小红</h3>
    <button @click="changeCar('法拉利')">修改父亲送给我的车</button>
    <div>感谢父亲:我收到了{{gift}}</div>
  </div>
</template>

<script>
export default {
  name: "",
  //接受父组件传递过来的props数据
  //三种写法：第一种数组，数组里面放置的是父组件给的属性的名字
  props: ["gift",'changeCar'],
};
</script>
<style scoped lang="less">
.daughter {
  width: 600px;
  height: 200px;
  background: pink;
  margin: 20px auto;
}
</style>

  // mounted(){
  //   //女儿组件实例
  //   //获取父亲给子组件的数据方式
  //   //第一种:组件实例的属性（别和VM|数据代理扯上关系）
  //   console.log(this.gift);
  //   //第二种：通过组件实例的$props属性获取相应的属性值
  //   console.log(this.$props.gift);
  // }
  // methods: {
  //    //子组件(女儿):修改父亲给与的车
  //    changeCar(){
  //       //gift是父组件传递过来的数据----【props】:不能修改
  //       //谁的数据用谁的方法进行修改，父亲给子组件的数据，
  //       //字组件接受props数据，只可以使用，而不可以修改
  //       //props只读的
  //       this.gift = '法拉利';
  //    }
  // },